<template>
    <div>
        <button @click="$router.push('/ooo?id=1')">ooo</button>
        <button @click="$router.push('/ooo?id=2')">ooo</button>
        <button @click="$router.push('/ooo?id=3')">ooo</button>


        <router-view></router-view>

        <div>
            <button @click="nnFn">store</button>
            <p>{{$store.state.nn}}</p>
        </div>
    </div>


</template>
<script setup>
import { ref, reactive } from 'vue'
import { useStore } from 'vuex'
const store = useStore()
const state = reactive({
    count: 0,
    flag: false
})
let nnFn = () => {
    store.commit('setnn', '噜啦噜啦嘞')
}

</script>

<style lang='scss' scoped>

</style>